.device {
  width:100%;
  /*height: 300px;*/
  /*padding: 30px 40px;*/
  /*border-radius: 20px;*/
  /*background: #111;*/
  /*border: 3px solid white;*/
  /*margin: 5px auto;*/
  position: relative;
  /*box-shadow: 0px 0px 5px #000;*/
}
.device .arrow-left {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2301538f'%2F%3E%3C%2Fsvg%3E") no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 10;
}
.device .arrow-right {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2301538f'%2F%3E%3C%2Fsvg%3E") no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 10;

}
.swiper-container {
  width: 100%;
}
.swiper-wrapper,.swiper-slide {
  /* height:587%!important; */
  /* height: auto !important; */
}
.swiper-slide img{
  /* height: 100%!important; */
  width: 100%;
}

.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
  z-index: 10;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #01538f;
}